<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>index</title>
    <!-- <base href="https://www.bilibili.com" target="_blank"> -->
</head>

<body>
    <div>html段落内折行</div>
    <p style="font-family:Geneva;color:red;margin: left 20px;text-align: center;">这个<br>段落<br>演示了分行效果</p>
    <strong>加重语气</strong>
    <b>加粗</b><br>
    <em>着重文字</em>
    <i>倾斜</i>
    <br>

    <br>
    <a href="https:bilibili.com">打开b站</a>
    <br>
    <a href="https:bilibili.com" target="_blank">在新窗口打开b站</a>

    <br>
    <a href="">测试base</a>
    <!-- <a id="tips">有用的提示部分</a> -->
    <br>
    <br>
    <table border="1" style="border: 1px solid red;; text-align: center;">
        <tr>
            <th>first mame</th>
            <th>last name</th>
            <th>point</th>
        </tr>
        <tr>
            <td>Jill</td>
            <td>Smith</td>
            <td>50</td>
        </tr>
        <tr>
            <td>Eve</td>
            <td>Jackson</td>
            <td>94</td>
        </tr>
    </table>
    <br>
    <br>
    <table border="1" style="border: 1px solid red;; text-align: center;background: cyan;">
        <caption>Superheros and sidekicks</caption>
        <colgroup>
            <col>
            <col span="1" class="batman" style="background: chocolate;">
            <col span="2" class="flash" style="background: yellowgreen;">
        </colgroup>
        <tr>
            <td> </td>
            <th scope="col">Batman</th>
            <th scope="col">Robin</th>
            <th scope="col">The Flash</th>
            <th scope="col">Kid Flash</th>
        </tr>
        <tr>
            <th scope="row">Skill</th>
            <td>Smarts</td>
            <td>Dex, acrobat</td>
            <td>Super speed</td>
            <td>Super speed</td>
        </tr>
    </table>
    <br>
    <br>
    <br>
    <ol>
        <li>coffee</li>
        <li>milk</li>
    </ol>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <iframe src="https://bilibili.com/" width="1200" height="600" frameborder="0"></iframe>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <a href="/test.html">访问有用的提示部分</a>
    <br>
    <a href="test2.html#tips2">访问test2</a>
    <br>
    <a href="test2表格布局.html">访问test表格布局</a>

</body>

</html>